// css 变量
page {
  --primary: #0063f5;
  --success: #19be6b;
  --warning: #ff9f15;
  --danger: #ff6059;
  --info: #2db7f5;
  --gray: #e8eaf2;
  --border-color: #e8eaf2;
  --bg-color: #f8f8f8;
  --title: #222222;
  --content: #666666;
  --sub: #999999;
  --disabled: #bcbec3;
  --divider: #f8f8f8;

  --gutter: 20rpx;
  --tighten-gutter: 20rpx;
  --gutter-v: 20rpx;

  --title-size: 17px;
  --content-size: 15px;
  --sub-size: 13px;

  --radius: 12rpx;

  ////
  --top-bar-height: 85rpx;
  //容器相关变量
  --container-gutter: 20rpx;

  //子容器相关变量
  $child-container-gutter: 15rpx;

  /* 容器相关变量 */
  $--emp-container-gutter: 15px;
  $--emp-main-content-text-color: #606266;

  /* 子容器相关 */
  $--emp-child-container-gutter: 10px;
  $--emp-child-container-background-color: #fff;
  $--emp-child-container-divider-line-size: 1px;
  /* 列表相关变量 */
  $--emp-list-item-gutter: 4px;
  $--emp-list-item-text-fontsize: 12px;
  $--emp-list-header-text-fontsize: 14px;
  /* 表格相关变量 */
  $--emp-table-row-high-light: #e8f4ff;

  /* 特殊业务UI的变量 */
  $--emp-intercept-more-form-width: 395px;
  $--emp-default-page-header-container-height: 54px;
  $--emp-default-page-tree-cut-other-height: 230px; //其他的高度
  //$--emp-default-page-customize-table-container-height:calc(100vh - (#{$headerContainerHeight} + #{$tagsViewContainerHeight} + #{$--emp-container-gutter} * 2 + #{$--emp-default-page-header-container-height} + #{$--emp-child-container-divider-line-size}));
  //$--emp-default-page-tree-container-height:calc(100vh - (#{$headerContainerHeight} + #{$tagsViewContainerHeight} + #{$--emp-container-gutter} * 2 + #{$--emp-default-page-header-container-height} + #{$--emp-child-container-divider-line-size} + 52px + #{$--emp-child-container-gutter}));
}
/* 上下左右页面相关 */
$--accbuild-page-top-window-container-height: 50px; //页面顶部条高度
$--accbuild-page-left-window-container-width: 200px; //左侧菜单栏宽度(展开宽度)
$--accbuild-page-left-window-container-collaspe-width: 54px; //左侧菜单栏收缩宽度
$--accbuild-page-left-window-menu-container-background-color: #2b2f3a; //左侧菜单栏背景色
$--accbuild-page-right-window-container-width: 200px; //页面右侧存在时的固定宽度

/* 默认容器相关 */
$--accbuild-default-font-size: 12px;
$--accbuild-default-container-background-color: #f5f5f5; //默认全局背景色
$--accbuild-default-container-gutter: 10px;

/* 子容器相关 */
$--accbuild-child-container-gutter: 10px;

/* 页面多标签容器 */
$--accbuild-page-tags-container-height: 32px;

/* 表格相关 */
$--accbuild-toolbar-height-default: 54px;//暂定于vxe相同
$--accbuild-table-pagination-height-default: 36px;//表格分页组件高度

/* 树相关 */
$--accbuild-tree-default-width: 240px;

/* 设计器相关 */
$--accbuild-page-designer-siderbar-container-width: 45px;
$--accbuild-page-designer-comp-attr-setting-panel-container-width: 310px;
$--accbuild-page-designer-canvas-container-height: 500px;

//其它
@import "../../../node_modules/vxe-table/styles/variable.scss";

$vxe-toolbar-height-default: 54px;//$vxe-table-row-height-default

@import '../../../node_modules/vxe-table/styles/toolbar.scss';
